import {
    init,
    classModule,
    propsModule,
    styleModule,
    eventListenersModule,
} from "snabbdom";
import h from './mySnabbdom/h.js';

// 创建patch函数
var patch = init([classModule, styleModule, eventListenersModule, propsModule]);

let myVnode1 = h('div', {}, [
    h('div', {}, '123'),
    h('div', {}, '123'),
    h('div', {}, '123'),
    h('div', {}, '123'),
]);
let myVnode2 = h('div', {}, [
    h('div', {}, '123'),
    h('div', {}, '123'),
    h('div', {}, '123'),
    h('div', {}, '123'),
]);

const container = document.getElementById('container');
patch(container, myVnode1);

// 点击切换vnode2
const btn = document.getElementById('btn');
btn.addEventListener('click', function(e) {
    patch(myVnode1, myVnode2);
})